<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>Proyecto DBD - SOTEIND S.A.S</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
	<!--[if IE]><style type="text/css" media="screen"> #navigation ul li a em { top:32px; } </style><![endif]-->
	
	<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
	<script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>
	<script src="js/jquery-func.js" type="text/javascript"></script>
</head>
<body>

<!-- Header -->
<div id="header">
	<div class="shell">
		
		<!-- Logo -->
		<h1 id="logo"><a href="#">SOTEIND S.A.S</a></h1>
		<!-- End Logo -->
		
		<!-- Navigation -->
		<div id="navigation"> </div>
		<!-- End Navigation -->
		
	</div>
</div>
<!-- End Header -->

<!-- Slider -->
<div id="slider">
	<div class="shell">
		
		<!-- Slides -->
		<div class="slides">
			<ul>
				<!-- Slide -->
			    <li>
			    	<div class="slide-info">
				    	<h2><span>nuestra</span> empresa</h2>
				    	<p>SOTEIND S.A.S Es una empresa dedicada a la importacion, comercializacion y mantenimiento de maquinaria y equipos para la industria.</p>
			    	</div>
			    	<span class="slide-image image1"></span>
			    </li>
			    <!-- End Slide -->
			    
			    <!-- Slide -->
			    <li>
			    	<div class="slide-info">
				    	<h2><span>proyecto</span> diseÑo de bases de datos</h2>
				    	<p>Este sitio web fue desarrollado como parte del proyecto de la asignatura Diseño de Bases de Datos. UNIVERSIDAD NACIONAL DE COLOMBIA</p>
			    	</div>
			    	<span class="slide-image image1"></span>
			    </li>
			    <!-- End Slide -->
			    
			    <!-- Slide -->
			    <li>
			    	<div class="slide-info">
				    	<h2><span>INGRESAR</span> AL SISTEMA</h2>
				    	<p>Ingrese su nombre de usuario y contraseña en la esquina superior derecha de la pantalla.</p>
			    	</div>
			    	<span class="slide-image image1"></span>
			    </li>
				<!-- End Slide -->
			    
		    </ul>
		</div>
		<!-- End Slides -->
		
	</div>
</div>
<!-- End Slider -->

<!-- Slider Nav -->
<div id="slider-navigation">
	<div class="shell">
		<ul>
		    <li><a href="#" class="active">SLIDE 1<strong>EMPRESA</strong><em class="ico1"></em></a></li>
		    <li><a href="#">SLIDE 2<strong>PROYECTO</strong><em class="ico2"></em></a></li>
		    <li class="last"><a href="#">SLIDE 3<strong>SISTEMA</strong><em class="ico3"></em></a></li>
		</ul>
	</div>
</div>
<!-- End Slider Nav -->

<!-- Main --><!-- End Main -->

<!-- Footer -->
<div id="footer">
	<div class="shell">
		
		<!-- Footer Logo -->
		<a href="#" class="notext footer-logo">Company Name</a>
		<!-- End Footer -->
		
		<!-- Footer Nav -->
		<div class="right">
			<p>&nbsp;</p>
			<p>&copy; Soteind.com. 
				Diseño: <a href="http://dbdg2.webnode.es/">Web Grupo</a></p>
		</div>
		<!-- End Footer Nav -->
		
	</div>
</div>
<!-- End Footer -->
	
</body>
</html>